<template>
  <div>
    <h2>常见原子化样式</h2>
    <div class="bg-black">aaaaaa</div>
    <div class="bg-white">aaaaaa</div>
    <div class="bg-red-500">aaaaaa</div>
    <div class="bg-gradient-to-r from-blue-500 to-red-500">aaaaaa</div>
    <br />
    <div class="h-96 w-96" style="background-image: url(../public/vite.svg)">
      cccccc
    </div>

    <br />
    <div class="h-96 w-97 shadow-2xl shadow-orange-700">aaaaaaaaaaa</div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped></style>
